<div class="app-aside hidden-xs">
    <div class="manager">
        <img src="./img/person.png" style="border-radius:50%; overflow:hidden;">
        <div class="information">
            <p class="name" style="font-size:18px">朴敏英</p>
            <p class="position"><span>信息部</span>&nbsp;&nbsp<span>市场总监</span></p>
        </div>
    </div>
    <div class="menulists">
        <ul id="lists" class="lists">
            <li v-for="link in links" :id="link.id" v-bind:class="{'active' : $route.path == link.path}">
                <a v-link="{ path: link.path }" @click="showChildMenu(link,links)">
                    <i v-bind:class="link.icon"></i>&nbsp;&nbsp;&nbsp;{{link.name}}
                    <span v-bind:class="{'fa fa-lg fa-angle-right':link.isA,'fa fa-lg fa-angle-down':link.isB}"></span>
                </a>
                <ul class="childmenu"  v-if="link.show">
                    <li v-for="child in link.childs" v-on:click="showIcon(child,links)">
                        <a v-link="{ path: child.path }">{{child.name}}
                            <span class="fa fa-play fa-flip-horizontal childicon" v-if="child.show"></span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>